from PyQt5.QtWidgets import QWidget, QLabel, QVBoxLayout, QHBoxLayout
from PyQt5.QtCore import Qt


class OptionPage(QWidget):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.init_ui()

    def init_ui(self):
        # 设置整体布局
        layout = QVBoxLayout(self)
        layout.setContentsMargins(50, 30, 50, 50)
        layout.setSpacing(20)

        # 创建标题
        title = QLabel('操作指南')
        title.setAlignment(Qt.AlignCenter)
        title.setStyleSheet('font-size: 30px; color: #2c3e50; margin: 10px 0;')

        # 创建环境准备标题和内容
        env_title = QLabel('环境准备')
        env_title.setStyleSheet("""
            font-size: 20px; 
            color: #2c3e50; 
            font-weight: bold;
        """)

        # 创建环境准备内容的水平布局
        env_content_layout = QHBoxLayout()
        env_content_layout.setContentsMargins(0, 0, 0, 0)
        env_content_layout.addSpacing(40)
        env_content = QLabel('若要使用SVN，请务必安装svn命令行工具')
        env_content.setStyleSheet("""
            color: #696969;
            font-size: 16px;
        """)
        env_content_layout.addWidget(env_content)
        env_content_layout.addStretch()

        # 创建使用说明标题
        usage_title = QLabel('使用说明')
        usage_title.setStyleSheet("""
            font-size: 20px; 
            color: #2c3e50; 
            font-weight: bold;
            margin-top: 20px;
        """)

        # 创建PDF合稿标题
        pdf_title = QLabel('PDF合稿')
        pdf_title.setStyleSheet("""
            font-size: 18px; 
            color: #2c3e50;
            margin-left: 20px;
        """)

        # 创建PDF合稿内容的水平布局
        pdf_content_layout = QHBoxLayout()
        pdf_content_layout.setContentsMargins(0, 0, 0, 0)
        pdf_content_layout.addSpacing(40)
        pdf_content = QLabel('1. SCG/CREF合稿针对整套稿件，生成分册pdf与大本pdf\n'
                             '2. 分册合稿，适用于仅修改了某个文件，该分册需合稿\n'
                             '3. 大本合稿，在使用了分册合稿后，仅对大本进行合并，前三条均适配英文分册目录中英文\n'
                             '4. 其它合稿，适用于Yang等所有稿件在一个目录的\n'
                             '目录结构：\n'
                             '中文                    英文（第一种）          英文（第二种）\n'
                             '- PDF（选择的目录）     - PDF（选择的目录）     - PDF（选择的目录）\n'
                             '  - 01-配置指南           - 01-配置指南           - 01-配置指南\n'
                             '    - 01-基础配置...        - 01-基础配置...        - 00-封面\n'
                             '  - 02-命令参考           - 02-命令参考             - 01-基础配置...\n'
                             '  - 封面和扉页            - 封面和扉页            - 02-命令参考')
        pdf_content.setStyleSheet("""
            color: #696969;
            font-size: 16px;
        """)
        pdf_content_layout.addWidget(pdf_content)
        pdf_content_layout.addStretch()

        # 添加组件到主布局
        layout.addWidget(title)
        layout.addWidget(env_title)
        layout.addLayout(env_content_layout)
        layout.addWidget(usage_title)
        layout.addWidget(pdf_title)
        layout.addLayout(pdf_content_layout)
        layout.addStretch()
